<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>石油大学地质博物馆虚拟仿真模拟系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/public.min.css" />
    <link rel="stylesheet" href="../static/css/styles.min.css" />
    <script src="../static/js/jquery-3.4.0.min.js"></script>
</head>
<body>
    <div class="main-wrap">
        <div class="system-title-wrap">
            <div class="pic-wrap logo-wrap">
                <img src="../static/image/img/img_logo.png" alt="logo" class="pic-img logo-img" />
            </div>
            <!-- <div class="system-name">地质博物馆虚拟仿真系统</div> -->
        </div>
        <div class="system-content">
            <div class="content-item-wrap content-left-wrap">
                <div class="content-position-wrap" id="nav">
                </div>
                <div class="content-detail specimen-content">
                    <div class="specimen-content-title-wrap">
                        <span class="specimen-content-title">请选择标本分类</span>
                    </div>
                    <ul class="clearfix list-wrap specimen-category-wrap third-category-wrap" id="list">
                    </ul>
                </div>
                <div class="btn-wtap return-btn-wrap">
                    <div onclick="goBack()" class="btn-item return-btn-item">
                        <img src="../static/image/icon/icon_return.png" alt="" class="btn-icon" />
                        <span class="btn-item-title">返回上一级</span>
                    </div>
                </div>
            </div>
            <div class="content-item-wrap content-right-wrap">
                <div class="search-wrap">
                    <!-- <a href="search_index.html" class="search-item-a"> -->
                        <input type="search" name="search-input" id="search-input" class="search-input" placeholder="请输入搜索关键词" />
                        <!-- <span class="search-placeholder">请输入搜索关键词</span> -->
                        <img src="../static/image/icon/icon_search.png" alt="" class="search-icon" id="search-icon" />
                    <!-- </a> -->
                </div>
                <div class="btn-item-wrap">
                    <div onclick="goToWin('about_index')" class="btn-item-a">
                        <img src="../static/image/icon/icon_nav1_1.png" alt="" class="btn-icon" />
                        <!-- <p class="btn-title">博物馆介绍</p> -->
                    </div>
                </div>
                <div class="btn-item-wrap">
                    <div onclick="goToWin('article_list')" class="btn-item-a">
                        <img src="../static/image/icon/icon_nav2_1.png" alt="" class="btn-icon" />
                        <!-- <p class="btn-title">馆内动态文章</p> -->
                    </div>
                </div>
                <div class="btn-item-wrap">
                    <div onclick="goToWin('specimen_index')" class="btn-item-a">
                        <img src="../static/image/icon/icon_nav3_2.png" alt="" class="btn-icon" />
                        <!-- <p class="btn-title">标本</p> -->
                    </div>
                </div>
                <div class="btn-item-wrap">
                    <div onclick="goToIndex()" class="btn-item-a">
                        <img src="../static/image/icon/icon_nav4_1.png" alt="" class="btn-icon" />
                        <!-- <p class="btn-title">返回首页</p> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../static/js/shiyouda.js"></script>
<script type="text/javascript">
apiready = function(){
  var domain = localStorage.getItem('domain');
  var catname = api.pageParam.catname;
  var cid = api.pageParam.catid;
  // $('#catname').html(catname);
  api.ajax({
      url: domain+'/api/rock/rockList.html',
      method: 'post',
      data:{
        values:{
          cid:cid,
        }
      }
  },function(ret, err){
    console.log(ret.faCate);
    str = '';
    for (var i = 0; i < ret.data.list.length; i++) {
      var o = ret.data.list[i];
      console.log(o.img);
      str += '<li class="list-item specimen-list-item">';
      str += '<div onclick="showRock('+o.id+')" class="list-item-a">';
      str += '<img src="'+o.img+'" alt="" class="specimen-item-icon" />';
      str += '<p class="specimen-item-name">'+o.resource_name+'</p>';
      str += '</div>';
      str += '</li>';
    }
    showNav(ret.faCate, 0, cid);
    $('#list').html(str);
  });
}
</script>
</html>
